.header{
    height: 6rem;
    padding-top: 1rem;
    padding-left: 2rem;
    background-color: $color-tertiary-light-;
    &_btn{
      font-size: 1.4rem;
      font-weight: 500;
      font-family: inherit;
      background-color: $color-tertiary-light-;
      margin-left: 2rem;
      padding: 1.2rem 2rem 1.2rem 2rem;
      color: $color-white;
      width: 8rem;
      border: none;
      cursor: pointer;
    }
    &_btn:hover{
        background-color: $color-tertiary-dark;
    }
}

.t-header{
    height: 60px;
    background-color: $color-fourth-light;
    display: flex;
    justify-content: space-around;
    align-items: center;
    &_ctn{
        width: 15%;
        text-align: center;
        // border-right: 1px solid #eee;
        font-weight: 900;
        font-size: 22px;
        color: $color-white;
        letter-spacing: 0.5rem;
        margin: 0;
    }
    &_detail{
        width: 85%;
        border-left: 1px solid #eee;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        &_txt{
            font-weight: 500;
            letter-spacing: 0.3rem;
            color: $color-white;
            padding-top: 2rem;
            padding-bottom: 2rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        &_txt:hover{
            background-color: $color-tertiary-dark;
        }
        &_txt ul{
            list-style: none;
        }
        &_txt ul li{
            cursor: pointer;
        }
        &_tail{
            width: 15%;
            color: $color-white;
            cursor: pointer;
            border-left: 1px solid #eee;
            &-txt{
                font-weight: 500;
                letter-spacing: 0.3rem;
                padding-top: 2rem;
                padding-bottom: 2rem;
                text-align: center;
            }            
        }
        &_tail:hover{
            background-color: $color-tertiary-dark;
        }
    }
    &_admin{
        width: 85%;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        &_blk{
            margin: 0;
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-right: 2rem;
            padding-left: 2rem;
            border-left: 1px solid #eee;
            font-size: 1.4rem;
            font-weight: 500;
            color: $color-white;
        }
        &_blk:hover{
            background-color: $color-tertiary-dark;
            cursor: pointer;
        }
    }
}



.two-btn {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-around;
  }
.four-btn {
    display: flex;
    justify-content: flex-end;
    // justify-items: center;
    right: 2rem;
}
.content-btn {
    width: max-content;
    display: block;
    background-color: #4abac4;
    border: 0;
    border-radius: 0.5rem;
    margin: 0 2rem;
    padding: 0.5rem 0.8rem;
    color: #ffffff;
    cursor: pointer;
    &:hover{
        background-color: $color-primary;
    }
    &:active{
        transform: translateY(2px);
    }
    &-short{
        background-color: #4abac4;
        border: 0;
        border-radius: 0.5rem;
        color: #ffffff;
        width: 30px;
        margin: 0;
        padding: 0.5rem 0.5rem;
    }
  }



  .content-label {
    width: 100px;
    display: block;
    background-color: #ffffff;
    // border: 0;
    font-weight: 500;
    margin-top: 3rem 0;
    padding: 0.5rem 0.5rem;
    color: #4abac4;
    // cursor: pointer;
  }

.course-card{
    padding: 0 1rem  ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    &_title{
        color:#000000A6;
        text-align: center;
    }
    &_block{
        display: flex;
        &_item{
            margin-bottom: 0;
            &_tag{
                margin-bottom: 8px;
            }
        }
    }
}



